
 page {
   background-color: #fff;
 }

 .refresh-btn {
   width: 52rpx;
   height: 52rpx;
 }

 .container {
   .week-list {
     display: flex;
     align-items: center;
     background: #F5F7F8;
     height: 92rpx;
     position: fixed;
     width: 100%;
     left: 0rpx;
    z-index: 1;
     .now-month {
       width: 50rpx;
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       font-size: 24rpx;
       color: #666666;
     }

     .week-item {
       width: calc((100% - 50rpx)/7);
       height: 100%;
       display: flex;
       align-items: center;
       justify-content: center;
       flex-direction: column;
        &.active{
          background-color: var(--myblue);
          border-radius: 20rpx;
          .week-date,.week-name{
            color: #fff;
          }
        
        }
       .week-date {
         font-size: 20rpx;
         color: #a1a1a1;
       }
     }
   }

   .course-content {
     width: 100%;
     padding-top: 92rpx;
    display: flex;
    .course-swiper{
      width: calc(100% - 50rpx);
      height: 1400rpx;
    }
    .course-list{
      height: 1500rpx;
      position: relative;
      font-size: 26rpx;
      .course-item{
        position: absolute;
        width: calc((100vw - 50rpx)/7);
        padding:2rpx;
        .course-item_content{
          width: 100%;
          height: 100%;
          border-radius: 8rpx;
          font-size: 24rpx ;
          color: rgb(255, 255, 255);
          text-align: center;
          padding: 10rpx; 
        line-height: 35rpx;
        }
      }
    }
     .course-nums {
       height: calc(120rpx*12);
       width: 50rpx;
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
       background-color: #F5F6F7;

       .course-num {
         height: 100%;
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 24rpx;
         color: #999999;
       }
     }
   }
 }

 .switch-week_popup{
  padding: 30rpx;
  .switch-week_title{
    text-align: center;
    font-size: 34rpx;
    font-weight: 600;
  }
  .switch-week_list{
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    margin-top: 20rpx;
    .switch-week-item{
      width: calc(100%/5);
     padding: 10rpx;
      .switch-week-item_box{
        height: 100rpx;
        background-color: #eee;
        line-height: 100rpx;
        text-align: center;
        border-radius: 20rpx;
      }
    }
  }
 }
 .switch-week-item_box.active{
   background-color: var(--myblue) !important;
   color: #fff;
   font-size: 32rpx;
   font-weight: bolder;
 }